<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title>基础数据管理-项目信息新增</title>
    <script src="/scripts/boot.js"></script>
    <link href="/scripts/daterangepicker/js/daterangepicker.min.css" rel="stylesheet" type="text/css" />
    <script src="/scripts/daterangepicker/js/moment.js" type="text/javascript"></script>
    <script src="/scripts/daterangepicker/js/jquery.daterangepicker.min.js" type="text/javascript"></script>
    <script src="/scripts/daterangepicker/ux.daterangepicker.js" type="text/javascript"></script>
    <link href="/scripts/daterangepicker/css/skin.css" rel="stylesheet" type="text/css" />
    <style>
        html body .searchbox .mini-buttonedit-icon
        {
            /*background:url(static/scripts/daterangepicker/search.gif) no-repeat 50% 50%;*/
        }
    </style>
</head>
<body class="bg-white">
<div id="viewForm">
    <div class="title-info mb-20"><span>计划信息</span></div>
    <table class="table-bg" border="0" cellpadding="1" cellspacing="1" style="width:100%;table-layout:fixed;">
        <colgroup>
            <col width="135px"></col>
            <col width="50%"></col>
            <col width="135px"></col>
            <col width="50%"></col>
        </colgroup>
        <tr>
            <td class="text-titlebg">
                <span class="color-red">*</span>计划名称
            </td>
            <td>
                <input type="text" name="name" class="mini-textbox w250" required="true" errorMode="none" onvalidation="onNullValidation" requiredErrorText="请输入"　vtype="maxLength:48"/>
            </td>
            <td class="text-titlebg"><span class="color-red">*</span>计划类型</td>
            <td>
                <select id="planType" name="planType" class="mini-combobox w250" ajaxType="post" url="/dictionary/listValues?name=plan_type" textField="value" valueField="id" errorMode="none" onvalidation="onChoseValidation" required="true" requiredErrorText="请选择"></select>
            </td>

        </tr>
        <tr>
            <td class="text-titlebg">
                <span class="color-red">*</span>计划起止日期
            </td>
            <td>
                <input id="date-range1" class="uc-daterangepicker searchbox w250" />
            </td>
            <td class="text-titlebg">
                <span class="color-red">*</span>是否完成
            </td>
            <td>
                <!--<input type="text" name="name" class="mini-textbox w250" required="true" errorMode="none" onvalidation="onNullValidation" requiredErrorText="请输入"　vtype="maxLength:48"/>-->
            </td>
        </tr>
        <tr>
            <td class="text-titlebg"><span class="color-red">*</span>当前进度</td>
            <td>
                <input name="evaluateId" id="evaluateId" class="mini-treeselect w250" onbeforenodeselect="common.beforenodeselect" expandOnLoad="true" showTreeIcon="true" valueField="id" textField="name"   parentField="pid"   required="true"   vtype="maxLength:48"  errorMode="none" onvalidation="upChoseError" requiredErrorText="请选择"/>
            </td>
            <td class="text-titlebg">实际开始日期</td>
            <td>
                <input name="evaluateId" id="" class="mini-treeselect w250" onbeforenodeselect="common.beforenodeselect" expandOnLoad="true" showTreeIcon="true" valueField="id" textField="name"   parentField="pid"   required="true"   vtype="maxLength:48"  errorMode="none" onvalidation="upChoseError" requiredErrorText="请选择"/>
            </td>
        </tr>
        <tr>
            <td class="text-titlebg">
                预计结束时间
            </td>
            <td>
                <input id="date-range" class="uc-daterangepicker searchbox w250" />
            </td>
        </tr>
        <tr>
            <td class="text-titlebg noEmpty">说明</td>
            <td colspan="3" class="wp">
                <textarea name="remark" class="mini-textarea wtextarea" emptyText=""></textarea>
            </td>
        </tr>
    </table>
    <div class="mini-fit"></div>
    <div class="chose-toolbar">
        <a class="chose-button" onclick="CloseWindow('close')">取消</a>
        <a class="chose-button save-button" onclick="view.save()">保存</a>
        <a class="chose-button save-button" onclick="view.save()">发送审批</a>
    </div>
</div>
<script src="/scripts/res/js/common.js"></script>
<script type="text/javascript">
    var post_flag,form,state,datas;
    var view = {
        init: function () {
            common.areaItem.init({
                idName:'#areaItem',
                isItem: true
            });
            post_flag = false; //设置一个对象来控制是否进入AJAX过程
            mini.parse();
            form = new mini.Form("#viewForm");
        },
        //保存
        save: function () {
            form.validate();
            if (form.isValid() == false) return;
            if (post_flag) return;
            var data = form.getData();//获取表单多个控件的数据
            post_flag = true;
            $.ajax({
                url: (state=="new"?"/phase/add":"/phase/edit?id=" + data.id),
                type: "post",
                data: data,
                success: function (msg) {
                    post_flag = false;
                    CloseWindow("ok");
                },
                error: function (errorMsg) {
                    post_flag = false;
                }
            });
        },
//    数据展示
        SetData: function (data) {
            data = mini.clone(data);
            state = data.state;
            if(data.state=="edit"){
                $.ajax({
                    url:"/phase/info?id=" + data.id,
                    type: "post",
                    success: function (text) {
                        //跨页面传递的数据对象，克隆后才可以安全使用
                        datas = mini.decode(text);   //反序列化成对象
                        form.setData(datas);             //设置多个控件数据
                        mini.get("provinceCombo").setValue(datas.tSysNation.parentId);
                        mini.get("provinceCombo").setUrl("/item/getProvinceWithItem");
                        mini.get("cityCombo").setValue(datas.tSysNation.id);
                        mini.get("cityCombo").setUrl("/item/getCityWithProvince?provinceId="+datas.tSysNation.parentId);
                        mini.get("itemCombo").setValue(datas.item.id);
                        mini.get("itemCombo").setUrl("/item/getItemWithCityId?cityId="+datas.tSysNation.id);
                    }
                });
            }else{
                $('input[name=id]').val("");
            }
        }
    };
    view.init();
</script>
</body>
</html>